<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">
    <f:view contentType="text/html; charset=UTF-8">
        <h:head>
            <title>Sistema</title>            
            <link rel="shortcut icon" type="image/png" href="img/es2.png"/>
            <script type="text/javascript" src="recursos/script.js"/>
        </h:head>
        <h:body onload="getFechaHora()">
            <p:layout fullPage="true">  

                <p:layoutUnit position="north" size="100"  resizable="false" closable="true" collapsible="true"> 
                    <h:panelGrid columns="2">
                        <h:graphicImage value="/imagenes/essalud.png" rendered="true" height="70" width="250"/>
                        <h:form id="frmReloj">
                            <input id="inReloj" disable="true" style="text-transform:uppercase;border:0;color:#000000;font-weight: bold;font-family: verdana, sans-serif; font-size:12px; margin-left: 900px;" title="HORA"></input>
                        </h:form>
                    </h:panelGrid>
                </p:layoutUnit>

                <p:layoutUnit position="west" size="200"   resizable="false" closable="true" collapsible="true">  
                    <h:form id="pnl">  

                        <p:growl id="messages" autoUpdate="true"/>  
                        <span style="color: blue;">
                            <p:panelMenu id="pnlMenu" style="width:190px; font-size: 10px; height: 15px;">
                                <p:submenu label="SESIÓN">
                                    <p:menuitem value="INICIAR SESIÓN"  action="/login.xhtml" icon="ui-icon-disk" disabled="#{usuarioMBean.esAdmin}"/>
                                    <p:menuitem value="CERRAR SESIÓN" action="#{usuarioMBean.cerrarSesion}" icon="ui-icon-close" disabled="#{!usuarioMBean.esAdmin}"/>
                                </p:submenu>

                                <p:submenu id="subMenuSeg" label="SEGURIDAD" rendered="#{usuarioMBean.esAdmin}">  
                                    <p:menuitem value="USUARIOS" action="#{usuarioMBean.verVideo}" icon="ui-icon-disk"/>  
                                    <p:menuitem value="ROLES" actionListener="#{buttonBean.update}"  icon="ui-icon-arrowrefresh-1-w" />  
                                </p:submenu>  
                                <p:submenu id="subMenuUser" label="CONFIGURACIÓN" rendered="true">  
                                    <p:menuitem value="CATÁLOGOS" action="/video.xhtml"  ajax="false" icon="ui-icon-gear"/>
                                    <p:menuitem value="PARÁMETROS" actionListener="#{buttonBean.delete}"  ajax="false" icon="ui-icon-gear"/>
                                </p:submenu>  
                                <p:submenu label="TUTORIALES" style="color: #0066ff">  
                                    <p:menuitem value="MONITOR" action="#{monitorMBean.iniciar}"  ajax="false" icon="ui-icon-gear"/>
                                    <p:menuitem value="RED" actionListener="#{buttonBean.delete}"  ajax="false" icon="ui-icon-gear"/>              
                                </p:submenu>  
                            </p:panelMenu>
                        </span>
                    </h:form>
                </p:layoutUnit>

                <p:layoutUnit position="center">

                    <p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>
                    <p:dialog modal="true" widgetVar="statusDialog"  resizable="false"
                              draggable="false" closable="false">  
                        <p:graphicImage value="/recursos/design/fb_loader.gif" />  
                    </p:dialog>
                    <ui:insert name="contenido"/>

                </p:layoutUnit>
            </p:layout>
        </h:body>
    </f:view>
</html>

